// todo 创建路由  配置路由规则  导出路由实例对象
// 专门书写路由代码

// 导入页面
import Layout from '@/views/Layout'
import Home from '@/views/Home'
import Search from '@/views/Search'
import Play from '@/views/Play'


// 不能落下  vue的导入，否则无法Vue.use()
import Vue from 'vue'
import VueRouter from 'vue-router'

// 注册
Vue.use(VueRouter)

// 配置路由规则
const routes = [
  {
    // 重定向
    path: '/',
    redirect: '/layout'
  },
  {
    // 挂载点并没有将内容占满，而是由内容铺开
    path: '/layout',
    component: Layout,
    // 重定向
    redirect: '/layout/home',
    // 二级路由
    children: [
      // 二级路由要记得设置挂载点
      {
        path: 'home',
        component: Home,
        // 元信息（在路由上添加额外的信息）
        meta: { // meta保存路由对象额外信息的
          title: "首页"
        }
      },
      {
        path: 'search',
        component: Search,
        meta: {
          title: "搜索"
        }
      }
    ]
  },
  {
    path: '/play',
    component: Play,
  },
]


// 创建路由实例对象
const router = new VueRouter({
  routes
})

// 默认导出实例对象
export default router